@import url(reset.css);

/* base elements */
html,body{
  margin: 0;
  padding: 0;
  height: 100%;
  border: none;
}

/* font styles */
body, td, th {
  font-family: arial;
  font-size: 12px;
  line-height: 18px;
  color: #454B50;
}

a {
  color: #0085BD;
}

h1 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
}

h2 {
  color: #343638;
  text-transform: uppercase;
  font-family: "Georgia";
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 11px;
  line-height: 20px;
}

h2 span {
  padding: 0 5px;
  height: 10px;
  background: #ff0;
  background: transparent url(bullet-2.gif) 5px 5px no-repeat;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

small {
  font-size: 11px;
}

.input {
  border: 1px solid #D9DDD9;
  padding: 3px 2px 2px 2px;
}

.outLink {
margin-top: 10px;
}

p {
 margin-bottom: 10px;
}

ul {
list-style: none;
}

ul li {
padding-left: 11px;
margin-bottom: 6px;
background: transparent url(/template/image/v4/bullet-1.gif) 0 8px no-repeat;
}

ol {
padding: 0;
margin: 0;
padding-left: 20px;
#padding-left: 28px;
}

ol li {
padding: 3px 0px 4px 0px;
list-style-type: decimal;
}

.small, .small td{ font-size: 11px; }
.lgray, a.lgray:link, a.lgray:visited{ color: #959595; }
.nowrap { white-space: nowrap; }

.right {
  font-size: 11px;
  font-family: arial;
  font-weight: bold;
  float: right;
  text-transform: none;
  font-weight: normal;
}

.icon-rss {
  padding-right: 20px;
  background: transparent url(icon-rss.png) right center no-repeat;
}

.gray95Link a:link    { color: #959595; }
.gray95Link a:visited { color: #959595; }
.gray95Link a:active  { color: #959595; }
.gray95Link a:hover   { color: #959595; } 

.printableText { 
background-image: url(/template/image/print.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 18px;
text-align: left;
width: 130px;
position: absolute;
/* margin-top: -35px; */
margin-top: 7px;
margin-left: 580px;
}

.printable { 
background-image: url(/template/image/print.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 18px;
margin-bottom: 5px;
}

.sentable { 
background-image: url(/template/image/send.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 18px;
}

.showPS {
text-align: left;
width: 130px;
float: right;
}

/* vertical frames */
.frame-left, .frame-middle, .frame-right, .frame-content {
  float: left;
}

.frame-left {
  width: 262px;
}

.frame-right {
  width: 263px;
}

#body .frame-content {
  width: 722px;
}

#body .frame-middle {
  width: 459px; /* когда у нас появляется 3ий столбец */
}

#body .frame-right {
  width: 260px; /* когда у нас появляется 3ий столбец */
}


#body .frame-content .inner, #body .frame-middle .inner {
  padding: 0 10px;
}

ul {
  list-style: none;
}

ul li {
  padding-left: 11px;
  margin-bottom: 6px;
  background: transparent url(bullet-1.gif) 0 8px no-repeat;
}

/* top block styles */
#top, #header, #body, #footer {
  width: 985px;
  margin: 0 auto;
}

/* top */
#top {
  height: 33px;
  color: #909294;
}

#top .frame-left, #top .frame-middle, #top .frame-right {
  padding-top: 10px;
}

#top .frame-left a, #top .frame-left span {
  margin-right: 10px;
}

#top .frame-left a.pda {
  margin-right: 20px;
}

#top .frame-middle a, #top .frame-middle span {
  margin-right: 25px;
}

#top .frame-right {
  text-align: right;
}

/* header */
#header {
  position: relative;
}

#header .logo {
  position: absolute;
  left: 0px;
  margin-top: -9px;
  display: block;
  width: 240px;
  height: 80px;
}

#header .logo-main {
  display: block;
  width: 240px;
  height: 66px;
  background: transparent url(logo-1.gif) left top no-repeat;
}

#header .logo-text {
  position: absolute;
  left: 117px;
  top: 60px;
  font-size: 11px;
  display: none;
}
/* mainmenu */
#mainmenu {
  position: relative;
  margin: 5px 0 0 276px;
  font-family: "Georgia";
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 5px;
  width: 692px;
  height: 29px;
  background: #01943E url(bg-1.gif) left top no-repeat;

}

#mainmenu a {
  height: 29px;
  float: left;
  color: #fff;
  text-decoration: none;
}

#mainmenu a span {
  display: block;
  padding: 6px 12px 5px 12px;
}

#mainmenu a.selected {
  position: relative;
  z-index: 10;
  height: 31px;
  background: #fff url(bg-6.gif) left top no-repeat;
  color: #0085BD;
}

#mainmenu a.selected span {
  background: transparent url(bg-7.gif) right top no-repeat;
}

#mainmenu .icons {
  position: absolute;
  top: 6px;
  right: 0;
  width: 60px;
  height: 17px;
  border-left: 1px solid #fff;
  padding-left: 9px;
}

#mainmenu .icons a {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#mainmenu .icons .icon-homepage {
  background-image: url(icon-homepage.gif);
}

#mainmenu .icons .icon-sitemap {
  background-image: url(icon-sitemap.gif);
}

/* submenu */

#submenu {
  margin-left: 276px;
  margin-top: 1px;
  width: 697px;
  color: #0085BD;
  min-height: 55px;
}

#submenu.invisible {
  visibility: hidden;
}

#submenu .inner {
  padding: 6px 0 5px 10px;
  border-color: #E5E5E5;
  border-style: solid;
  border-width: 1px 1px 0 1px;
}

#submenu .foot {
  background: transparent url(bg-2.gif) left top no-repeat;
  height: 14px;
}

#submenu span {
  padding: 0 6px;
}

#submenu a.selected {
  font-weight: bold;
}

/* body */
#body {
  
}

#body-left, #body-middle, #body-right {
  min-height: 300px;
}

#body .frame-middle .bg {
  background: transparent url(bg-3.gif) left top repeat-y;
}

#body .frame-middle .head {
  background: transparent url(bg-10.gif) left top no-repeat;
}

#body .frame-middle .foot {
  background: transparent url(bg-4.gif) left bottom no-repeat;
  padding: 10px 15px 32px 15px;
}

#body .mainpage .frame-middle .foot {
  padding-top: 0;
}


#body .frame-middle .hr {
  height: 10px;
  background: transparent url(bg-5.gif) left bottom no-repeat;
  margin-bottom: 10px;
}

/* footer */
#footer {
  height: 100px;
}

#footer .inner{
  padding: 10px;
}

/* bottom-menu */
#bottom-menu {
  position: relative;
  left: -5px;
}

#bottom-menu .decor {
  float: right;
}

#bottom-menu .inner {
  padding: 6px 0 0 5px;
}

#bottom-menu a {
  font-size: 12px;
  float: left;
  height: 29px;
  font-family: "Georgia";
  text-transform: uppercase;
  font-weight: bold;
  color: #161616;
  text-transform: uppercase;
  text-decoration: none;
}

#bottom-menu a span {
  display: block;
  padding: 5px 4px 6px 4px;
}

#bottom-menu sub {
  float: left;
  width: 1px;
  height: 16px;
  background: #9C9C9C;
  margin-top: 6px;
  margin: 6px 4px 0 4px;
}

#bottom-menu a.selected {
  font-weight: bold;
  color: #FFFFFF;
  background: #01943E url(bg-8.gif) left top no-repeat;
}

#bottom-menu a.selected span {
  padding: 5px 10px 6px 10px;
  background: transparent url(bg-9.gif) right top no-repeat;
}

/*  block-1 */
.bl {
  background-color: #E7E9E9;
  position: relative;
  margin-bottom: 7px;
}

.bl .c1, .bl .c2, .bl .c3, .bl .c4 {
  position: absolute;
  background-position: left top;
  background-repeat: no-repeat;
  width: 4px;
  height: 4px;
}

.bl .c1 {
  top: 0;
  left: 0;
  background-image: url(c11.gif);
}

.bl .c2 {
  top: 0;
  right: 0;
  background-image: url(c12.gif);
}

.bl .c3 {
  bottom: 0;
  right: 0;
  background-image: url(c13.gif);
}

.bl .c4 {
  bottom: 0;
  left: 0;
  background-image: url(c14.gif);
}

.bl-body {
  padding: 9px 11px;
  overflow: hidden;
}

.bl-foot, .bl-head {
  height: 4px;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;  
  left: 0;
}

.bl-head {
  top: 0;
  background-position: left top;
}

.bl-foot {
  bottom: 0;
  background-position: left bottom;
}

#body .frame-left .hr, #body .frame-right .hr {
  height: 10px;
  border-top: 2px solid #0CA049;
}

#body .frame-right .inner {
  padding: 0 10px;
}

/* block-2 */
.block-2 {
  background: #fff;
}

.block-2 .bl-head {
  background-image: url(block-2-1.gif);
}

.block-2 .bl-foot {
  background-image: url(block-2-3.gif);
}

/* ekburg.ru styles */
    .block-border{ border: 1px solid #e6e6e6; }
    
    .block-head{ color: #333; font-size: 11px; }
    .block-padding{ padding: 10px; }
    .block-padding-v{ padding-top: 10px; padding-bottom: 10px; }
    .block-padding-h{ padding-left: 10px; padding-right: 10px; }
    
    .r-block-1{ background: #efefef url(/template/image/c4-1.gif) left top no-repeat; }
    .r-block-2{ background: transparent url(/template/image/c4-2.gif) right top no-repeat; }
    .r-block-3{ background: transparent url(/template/image/c4-3.gif) right bottom no-repeat; }
    .r-block-4{ background: transparent url(/template/image/c4-4.gif) left bottom no-repeat; }
    

    .r-block-green1 .r-block-1{ background-color: #2ab520; background-image: url(/template/image/c1-1.gif); }
    .r-block-green1 .r-block-2{ background-image: url(/template/image/c1-2.gif); }
    .r-block-green1 .r-block-3{ background-image: url(/template/image/c1-3.gif); }
    .r-block-green1 .r-block-4{ background-image: url(/template/image/c1-4.gif); }
    
	.r-block-h2b-1 { background: url(/template/image/v3/h2b-1.gif) left bottom no-repeat; }
	.r-block-h2b-2 { background: url(/template/image/v3/h2b-2.gif) right bottom no-repeat; }
    

/* block customs */
.weather-block .weather-info {
  padding: 10px 0;
  background-repeat: no-repeat; 
  background-position: 8px 0px;
}

.weather-block .temp {
  width: 110px; 
  float: left; 
  text-align: center; 
  font-size: 27px; 
  color: #454B50; 
  padding: 10px 0;
  
  text-shadow: 1px 1px #fff;
}

.pharm-block .input-block {
  margin-top: 10px;
  padding-left: 21px; 
  background: transparent url(pharm.gif) 0 2px no-repeat;
}

.pharm-block .input-block .input {
  width: 120px; 
  float: left;
}

.pharm-block .input-block .submit {
  margin-left: 3px;
  width: 61px; 
  height: 22px;
}

.sections-block a.item {
  padding: 20px 0 20px 60px;
  font-weight: bold;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
}

.sections-2 a {
  padding: 15px 0 15px 70px;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
}

.block-quote .image {
  float: left;
  margin: 0 8px 8px 0;
}

.first-hand-video {
/*  text-align: center;*/
  position: relative;
}

.first-hand-video .bg {
  position: absolute;
  z-index: 0;  
}

.first-hand-video .link {
  position: relative;
  z-index: 1;
}

.first-hand-video .title {
  position: absolute; 
  bottom: 0; 
  left: 0;
  padding: 13px 0 15px 20px; 
  text-align: left;
  font-weight: bold;
  background: transparent url(bg-11.png);
  width: 400px;
}

/* news */
.news-item .title {
  display: inline;
}

.news-item .date {
  font-size: 11px;
  color: #939698;
  display: inline;
}

.news-item .title {
  padding-right: 5px;
}

.news-top .date {
  margin-bottom: 15px;
}

.news-top {
  background: none;
  padding: 0;
}

.news-top .title {
  padding-right: 0;
}

.news-top .image {
  margin: 0 17px 0px 0;
  float: left;
}

.news-top .title, .news-top .date {
  display: block;
}

.news-top .bl-body {
  /*padding-right: 0;*/
}

.news-top .bl-body .icon-rss {
  margin-right: 16px;
}

.news-top .title, .news-top .title a {
  font-family: "Georgia";
  color: #454B50;
  margin: 0 0 10px 0;
  font-size: 17px;
  line-height: 28px;
}

.r-block-1 .block-head { /*блоки со старой верстки*/
  position: relative;
}

.r-block-1{ background: #efefef url(/template/image/c4-1.gif) left top no-repeat; }
.r-block-2{ background: transparent url(/template/image/c4-2.gif) right top no-repeat; }
.r-block-3{ background: transparent url(/template/image/c4-3.gif) right bottom no-repeat; }
.r-block-4{ background: transparent url(/template/image/c4-4.gif) left bottom no-repeat; }

/* .news-adm */
.news-2 li {
  padding: 0;
  background: none;
  margin-bottom: 15px;
}

.news-2 .news-item .location {
  display: inline;
}

.news-2 .location, .news-2 .location a {
  font-size: 11px;
  color: #939698;
}

/* level3_1 */
.level3_1 {
  margin-top: 20px;
}

.level3_1 ul {
  padding: 10px 0;
}

.level3_1 ul li {
  padding-left: 20px;
  background-position: 10px 8px;
}


/* pager */
.pager_num,
.pager_sel,
.pager_left,
.pager_right { font-size: 13px; padding: 3px 10px 3px 10px; font-weight: normal; }
.pager_left { border-top: 1px solid #D9D9D9; }
.pager_right { border-top: 1px solid #D9D9D9; }
.pager_sel { color: #000000; border: 1px solid #D9D9D9; border-top: 1px solid #FFFFFF; font-weight: bold; }
.pager_num { border-top: 1px solid #D9D9D9; }


/* toste */
.toste, .toste a {
  font-size: 11px;
  line-height: 15px;
  color: #909294;
}

.toste {
  margin-bottom: 10px;
}

.toste-homepage {
  padding-left: 18px;
  background: transparent url(icon-homepage-gray.gif) 0px 2px no-repeat;
}

/* search */

.search-block
	{
	border-top: 1px solid #D9DDD9;
	border-bottom: 1px solid #D9DDD9;
	margin-bottom: 8px;
	padding: 15px 0px 12px 0px;
	}

.search-block .input-block .input
	{
	width: 124px; 
	float: left;
	/* padding-left: 23px; */
	background: #fff url("/template/image/v4/bg-11.gif") left 4px no-repeat;
	font-size: 13px;
	padding: 5px 2px 5px 23px;
	}

.search-block .input-block .submit
	{
	margin-left: 7px;
	width: 75px; 
	height: 28px;
	}

/* people  */

.peopleBar
	{
	font-size: 18px;
	background-color: #F7F7F7;
	padding: 9px 12px 9px 12px;
	margin-bottom: 2px;
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
	}

.peopleBar2
	{
	font-size: 18px;
	background-color: #F7F7F7;
	padding: 9px 12px 9px 12px;
	margin-bottom: 2px;
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
	}

.peopleBarItem
	{
	font-size: 13px;
	padding: 8px 12px 8px 12px;
	}
	
.peopleText
	{
	padding: 13px 0px 13px 13px;
	color: #383526;
	}
	
.peopleText strong
	{
	font-size: 14px;
	}

.peopleMain
	{
	padding: 18px 0px 13px 13px;
	color: #383526;
	width: 240px;
	font-size: 13px;
	}

.peopleMain strong
	{
	font-size: 14px;
	}

.peopleItem
	{
	width: 50%;
	height: 130px;
	border-bottom: 1px solid #DFDFDF;
	padding-top: 20px;
	font-size: 13px;
	}
	
.peopleItem img
	{
	float: left;
	margin: 0px 20px 20px 0px;
	}

.peopleItem strong
	{
	font-size: 14px;
	}


/* страница погоды */
#fullweather {
  display: none;
}

/* news */
td.index-news-announce {
  padding-bottom: 10px;
}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *display: inline-block; _width: 100%; } 

/* content */
.border-gray { width: 100%; border: 1px solid #CCCCCC; border-collapse: collapse; }
.border-gray td { vertical-align: middle; border: 1px solid #CCCCCC; padding: 11px 8px 0px 8px; }
.border-gray th { background-color: #F1F1F1; padding: 10px 8px 0px 8px; text-align: left; }
.border-gray tr { border: 1px solid #CCCCCC; } 

.imgC {
margin: 0px 10px 5px 0px;
}

.imgSubName {
background-color: #E9E9E9;
text-align: center;
font-size: 10px;
margin: 0px 10px 0px 0px;
padding: 5px 0px 5px 0px;
position: relative;
top: -5px;
}

.elresField {
width: 200px;
border: 1px solid #C1C1C1;
height: 22px;
color: #C1C1C1;
}

.comments-n {
  background: transparent url(/template/image/comment-overral.gif) left top no-repeat;
  padding: 0 2px 0 6px;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
  border-right: 1px solid #d4d4d4;
  margin-left: 4px;
}

.comments-n, .comments-n a:link, .comments-n a:visited {
  text-decoration: none;
}

sup.comments-n {
  position: relative; 
  /* top: 5px; */
}

/* photo show */

#fImageBTText { display: inline; color: #FF4A01; font-weight: bold; position: relative; }
#fImageBTTextBG { width: 1px; height: 1px; margin-top: 10px; }
#fImageBTRotateLeft img { position: relative; cursor: pointer; }
#fImageBTRotateRight img { position: relative; cursor: pointer; }

#slideShow { cursor: pointer; position: absolute; }


/* Carousel */

.jCaruselTD {
width: 1px;
background-color: #F8F8F8;
}

.CORprev, .CORnext {
display: block;
width: 25px;
height: 96px;
text-decoration: none;
background: url("/template/image/sliderLeft.gif") 2px 41px no-repeat;
background-color: #d9d9d9;
padding: 0px;
text-decoration: none !important;
margin: 2px 1px 2px 2px;
border-radius: 2px;
}

.CORprev:hover {
background-image: url("/template/image/sliderLeftHover.gif");
}    

.CORnext {
background: url("/template/image/sliderRight.gif") 3px 41px no-repeat;
background-color: #d9d9d9
}

.CORnext:hover {
background-image: url("/template/image/sliderRightHover.gif");
}

.jCarouselLite {
/* border: 1px solid black; */
/* float: left; */
background-color: #F8F8F8;

/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
}

.jCarouselLite ul {
margin: 0px;
padding: 0px;
}

.jCarouselLite li img, 
.jCarouselLite li p {
margin: 5px;
padding: 0px;
background: none;
background-color: #fff;
}